Debug-Bootstrap modal


Posted by mijouhsieh on 2023-03-24

串接API,並使用Bootstrap套件 V5.1,顯示modal元件
Bootstrap Modal
debug-Modal-Bootstrapv5.1


2個重點:

按鈕data-bs-toggle = "modal" 按了button會跳出視窗
對應 => modal元件 class="modal"

按鈕data-bs-target = "movie-modal" 決定跳出來的視窗是哪個
對應 => modal元件 id="movie-modal"
值要字串不可以是數字

<button data-bs-target="#movie-modal" 
       data-bs-target=" #字串!!!不可以是#1數字 " 
...>
//對應
<div id="movie-modal" 
     id="字串!!!" //id="1"沒用>

#debug #bootstrap-modal #Bootstrap #modal







Related Posts

React 入門 4 - Hooks: useState

React 入門 4 - Hooks: useState

從前端傳資料給後端(GET, POST)、從 PHP 連線到 MySQL 資料庫

從前端傳資料給後端(GET, POST)、從 PHP 連線到 MySQL 資料庫

Day 2 - MongoDB 的 CRUD 教學

Day 2 - MongoDB 的 CRUD 教學


Comments